@import "../comm.scss";

.coupons-skeleton {
	width: 100%;
	li {
		width: 7rem;
		height: 2.7rem;
		background-color: #fff;
		display: flex;
		margin: auto;
		margin-top: 0.2rem;
		align-items: center;
		justify-content: space-around;
		border-radius: 8px;
		// &::before {
		//     @include common();
		// }

		.coupons-skeleton-left {
			width: 1.4rem;
			height: 1.4rem;
			background-color: $color;
			margin-right: 0.6rem;
		}
		.coupons-skeleton-right {
			flex: 1;
			.coupons-skeleton-right-top {
				height: 0.42rem;
				width: 2.96rem;
				background-color: $color;
			}
			.coupons-skeleton-right-middle {
				margin: 0.15rem 0;
				display: flex;
				align-items: flex-end;
				span:first-child {
					width: 0.94rem;
					height: 0.84rem;
					background-color: $color;
					margin-right: 0.2rem;
				}
				span:last-child {
					width: 1.36rem;
					height: 0.34rem;
					background-color: $color;
				}
			}
			.coupons-skeleton-right-bottom {
				width: 2.58rem;
				height: 0.32rem;
				background-color: $color;
			}
		}
		.coupons-skeleton-last {
			width: 1.42rem;
			height: 0.52rem;
			border-radius: 0.31rem;
			background-color: $color;
		}
	}
}
